    <!--start slider-->
    <div id='ninja-slider'>
        <ul>
          {foreach $slides as $value}
            <li>
              <a data-image="{base_url('foto_slider')}/{$value['gambar']}">
                <h3>{$value['judul']}</h3>
              </a>
            </li>
          {/foreach}
        </ul>
    </div>
    <!--end slider-->
    <div class="bg-putih">
      <div class="container container-home">
        <h1>OUR SERVICES</h1>
        
        <div class="row margintop35">

          {foreach $services as $value}
          <div class="col-sm-6 col-md-4 col-services">
            <div class="box-services-top">
              <p class="icon">
                <img src="{base_url('foto_layanan')}/{$value['gambar']}" height="75">
              </p>
              <h2>{$value['layanan']}</h2>
              <div class="clearfix"></div>
            </div>
            <div class="box-services-content">
              <div class="fix-height">
                {$value['deskripsi']}
              </div>
              <p>
                <a href="{site_url('services')}/{$value['slug']}" class="btn btn-warning" title="{$value['layanan']}">LEARN MORE</a>
              </p>
              <div class="clearfix"></div>
            </div>
          </div>
          {/foreach}
          
        </div><!-- /row -->
      </div>
      <div class="clearfix"></div>
    </div>
    <div class="bg-orange">
      <div class="container container-home">
        <h1>TESTIMONIAL</h1>
        <!-- Carousel ================================================== -->
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            {$i = 0}
            {foreach $testimoni as $value}
            <li data-target="#myCarousel" data-slide-to="{$i}" class="{if $i++ == 0}active{/if}"></li>
            {/foreach}
          </ol>
          <div class="carousel-inner">
            {$i = 0}
            {foreach $testimoni as $value}
            <div class="item {if $i++ == 0}active{/if}">
              <div class="container">
                <div class="carousel-caption">
                  <img class="img-circle" src="{base_url('foto_testimoni/thumbs/')}/{$value['foto']}">
                  <h2><span class="nama-testi">{$value['nama']}</span> - {$value['pekerjaan']}</h2>
                  {$value['testimoni']}
                </div>
              </div>
            </div>
            {/foreach}
          </div>
          <a class="left carousel-control" href="#myCarousel" data-slide="prev"></a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next"></a>
        <div class="clearfix"></div>
        </div><!-- /.carousel -->
        <!--
        <p class="text-center"><a href="#" class="btn btn-primary">Lihat Semua Testimonial</a></p> 
        -->
      </div>
      <div class="clearfix"></div>
    </div>
    <div class="bg-putih">
      <div class="container container-home">
        <h1>OUR CLIENTS</h1>
        <div class="outer-slide-clients">
          <!-- Jssor Slider Begin -->
          <!-- You can move inline styles to css file or css block. -->
          <div id="slider1_container" class="container-slider-clients">

              <!-- Loading Screen -->
              <div u="loading" class="loading">
                  <div class="a">
                  </div>
                  <div class="b">
                  </div>
              </div>

              <!-- Slides Container -->
            <div u="slides" class="slides">
              {foreach $clients as $value}
                <div>
                  <a href="{site_url('clients')}" data-toggle="tooltip" data-placement="top" title="{$value['nama_klien']}">
                    <img u="image" alt="{$value['nama_klien']}" src="{base_url('foto_klien/thumbs')}/{{$value['gambar']}}" />
                  </a>
                </div>
              {/foreach}  
              </div>
              <!-- Trigger -->
              <script>
                  jssor_slider1_starter('slider1_container');
              </script>

          </div>
          <p class="margintop35"></p>
          <center>
            <a href="{site_url('clients')}" title="View our clients" class="btn btn-warning">View All Client</a>
          </center>
          <!-- Jssor Slider End -->
          <div class="clearfix"></div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
    
    
        
    
    

